<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <title>中数智营大数据统计中心</title>
    <script type="text/javascript" src="js/jquery.js"></script>
    <script type="text/javascript" src="js/echarts.min.js"></script>
    <script type="text/javascript" src="request.js"></script>
    <script type="text/javascript" src="js/china.js"></script>
    <script type="text/javascript" src="js/js.js"></script>
    <script type="text/javascript" src="js/jquery.liMarquee.js"></script>
    <script type="text/javascript" src="js/jquery.cxselect.min.js"></script>

    <link rel="stylesheet" href="css/comon0.css">
    <link rel="stylesheet" href="index.css">
</head>

<body>
    <div style="background:#000d4a url(images/bg.jpg) center top;">
        <div class="loading">
            <div class="loadbox"> <img src="images/loading.gif"> 页面加载中... </div>
        </div>
        <div class="back"></div>
        <div class="head">
            <div class="weather"><span id="showTime"></span></div>
            <h1>中数智营大数据统计中心</h1>
        </div>
        <script>
            var t = null;
            t = setTimeout(time, 1000); //開始运行
            function time() {
                clearTimeout(t); //清除定时器
                dt = new Date();
                var y = dt.getFullYear();
                var mt = dt.getMonth() + 1;
                var day = dt.getDate();
                var h = dt.getHours(); //获取时
                var m = dt.getMinutes(); //获取分
                var s = dt.getSeconds(); //获取秒
                document.getElementById("showTime").innerHTML = y + "年" + mt + "月" + day + "日" + h + "时" + m + "分" + s + "秒";
                t = setTimeout(time, 1000); //设定定时器，循环运行
            }
        </script>
        <div class="mainbox">
            <ul class="clearfix">
                <li>
                    <div class="boxall" style="height:260px;">
                        <div class="alltitle">今日支付概况</div>
                        <div class="navboxall today001">
                            <div class="wz">
                                <p class="wz-title">
                                    <img src="./weixin.png" alt="" width="26px" height="26px"><span>微信支付</span>
                                </p>
                                <p class="wz-number-1">
                                    <span>0.00</span> (元) &nbsp;&nbsp;<span>0</span> (笔)
                                </p>
                            </div>
                            <div class="wz">
                                <p class="wz-title">
                                    <img src="./alipay.png" alt="" width="26px" height="26px"><span>支付宝支付</span>
                                </p>
                                <p class="wz-number-2">
                                    <span>0.00</span> (元) &nbsp;&nbsp;<span>0</span> (笔)
                                </p>
                            </div>
                        </div>
                    </div>
                    <!-- <div class="boxall" style="height:260px;">
                        <div class="alltitle">标题样式2</div>
                        <div class="navboxall">
                            <div class="wraptit">
                                <span>单号</span><span>金额</span><span>品名</span><span>时间</span>
                            </div>
                            <div class="wrap">
                                <ul>
                                    <li>
                                        <p><span>100021415</span><span>199</span><span>手机</span><span>18小时</span></p>
                                    </li>
                                    <li>
                                        <p><span>100021415</span><span>199</span><span>手机</span><span>18小时</span></p>
                                    </li>
                                    <li>
                                        <p><span>100021415</span><span>199</span><span>手机</span><span>18小时</span></p>
                                    </li>
                                    <li>
                                        <p><span>100021415</span><span>199</span><span>手机</span><span>18小时</span></p>
                                    </li>
                                    <li>
                                        <p><span>100021415</span><span>199</span><span>手机</span><span>18小时</span></p>
                                    </li>
                                    <li>
                                        <p><span>100021415</span><span>199</span><span>手机</span><span>18小时</span></p>
                                    </li>
                                    <li>
                                        <p><span>100021415</span><span>199</span><span>手机</span><span>18小时</span></p>
                                    </li>
                                    <li>
                                        <p><span>100021415</span><span>199</span><span>手机</span><span>18小时</span></p>
                                    </li>
                                    <li>
                                        <p><span>100021415</span><span>199</span><span>手机</span><span>18小时</span></p>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div> -->
                    <div class="boxall" style="height:260px;">
                        <div class="alltitle">支付行业占比</div>
                        <div class="navboxall" id="echart1"></div>
                    </div>
                    
                    <div class="boxall" style="height:340px">
                        <div class="alltitle">近7日交易笔单统计</div>
                        <div class="navboxall" id="echart3"></div>
                    </div>
                    <div class="boxall" style="height:400px;display: none;">
                        <div class="alltitle">今日刷脸概</div>
                        <div class="navboxall" id="echart5"></div>
                    </div>
                </li>
                <li>
                    <div class="boxall" style="height:230px">
                        <div class="clearfix navboxall" style="height: 100%">
                            <div class="pulll_left num" style="width: 60%;">
                                <div class="numbt">总体经营数据<span>(单位：元)</span></div>
                                <div class="numtxt">0000000.00</div>
                            </div>
                            <div class="pulll_right zhibiao" style="width: 36%;margin-top: 60px;">
                                <!-- <div class="zhibiao-01">
                                    <p class="zhibiao-title">今日总金额（元）</p>
                                    <p class="zhibiao-num">6665489</p>
                                </div>
                                <div class="zhibiao-01">
                                    <p class="zhibiao-title">今日总笔数</p>
                                    <p class="zhibiao-num">13829350</p>
                                </div> -->
                                <div class="zhibiao-01">
                                    <p class="zhibiao-title">服务城市</p>
                                    <p class="zhibiao-num">45</p>
                                </div>
                                <div class="zhibiao-01">
                                    <p class="zhibiao-title">覆盖商家数</p>
                                    <p class="zhibiao-num">46354</p>
                                </div>
                                <!-- <div class="zb1"><span>标题样式</span>
                                    <div id="zb1"></div>
                                </div>
                                <div class="zb2"><span>标题样式</span>
                                    <div id="zb2"></div>
                                </div>
                                <div class="zb3"><span>标题样式</span>
                                    <div id="zb3"></div>
                                </div> -->
                            </div>
                        </div>
                    </div>
                    <div class="boxall" style="height:600px">
                        <div class="alltitle">地图</div>
                        <!-- <div class="navboxall" id="echart4"></div> -->
                        <div class="map1"><img src="picture/lbx.png" style="width: 55%;"></div>
                        <div class="map2"><img src="picture/jt.png"></div>
                        <div class="map3"><img src="picture/map.png"></div>
                        <div class="navboxall" id="echart40"></div>
                    </div>
                    <!-- <div class="boxall" style="height:340px">
                        <div class="alltitle">近12日交易笔单统计</div>
                        <div class="navboxall" id="echart3"></div>
                    </div> -->
                </li>
                <li>
                    <div class="boxall" style="height:280px;">
                        <div class="alltitle">今日卡卷发放统计</div>
                        <div class="navboxall" id="echart2" style="display: none;"></div>
                        <div class="zhibiao" style="width: 90%;">
                            <div class="zb1"><span>今日开卡</span>
                                <div id="zb1"></div>
                            </div>
                            <div class="zb2"><span>卡券发放</span>
                                <div id="zb2"></div>
                            </div>
                            <div class="zb3"><span>二次营销比例</span>
                                <div id="zb3"></div>
                            </div>
                        </div>
                    </div>
                    <div class="boxall" style="height:80px">
                        <div class="huiyuanka-1">会员卡消费 <span>0</span></div>
                        <div class="huiyuanka-2">会员卡充值 <span>0</span></div>
                    </div>
                    <div class="boxall" style="height:450px">
                        <div class="alltitle">实时动态</div>
                        <div>
                            <table class="table1" width="100%" border="0" cellspacing="0" cellpadding="0">
                                <tbody>
                                    <tr>
                                        <th scope="col" style="width: 133px;">商家名称</th>
                                        <th scope="col">核销金额</th>
                                        <th scope="col">交易时间</th>
                                        <th scope="col" style="width: 76px;">交易方式</th>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                        <div class="navboxall wrap">
                            <table class="table1" width="100%" border="0" cellspacing="0" cellpadding="0">
                                <tbody id="listbody">
                                    <!-- <tr>
                                        <th scope="col">商家名称</th>
                                        <th scope="col">核销金额</th>
                                        <th scope="col">交易时间</th>
                                        <th scope="col">交易方式</th>
                                    </tr> -->
                                </tbody>
                            </table>
                        </div>
                    </div>
                    <!-- <div class="boxall" style="height: 300px">
                        <div class="alltitle">公司排名</div>
                        <div class="navboxall">
                            <table class="table1" width="100%" border="0" cellspacing="0" cellpadding="0">
                                <tbody>
                                    <tr>
                                        <th scope="col">排名</th>
                                        <th scope="col">公司</th>
                                        <th scope="col">数量</th>
                                        <th scope="col">增长率</th>
                                    </tr>
                                    <tr>
                                        <td><span>1</span></td>
                                        <td>腾讯科技</td>
                                        <td>114万<br></td>
                                        <td>100%<br></td>
                                    </tr>
                                    <tr>
                                        <td><span>2</span></td>
                                        <td>百度公司</td>
                                        <td>923823万</td>
                                        <td>21%</td>
                                    </tr>

                                    <tr>
                                        <td><span>3</span></td>
                                        <td>新浪</td>
                                        <td>1240253万</td>
                                        <td>12%</td>
                                    </tr>
                                    <tr>
                                        <td><span>4</span></td>
                                        <td>网易</td>
                                        <td>1.2亿</td>
                                        <td>39%</td>
                                    </tr>
                                    <tr>
                                        <td><span>5</span></td>
                                        <td>雅虎</td>
                                        <td>13423万</td>
                                        <td>9%</td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div> -->
                </li>
            </ul>

        </div>
    </div>
<script>
$(function() {
    $('.wrap').liMarquee({
        direction: 'up', //身上滚动
        runshort: false, //内容不足时不滚动
        scrollamount: 20 //速度
    });
});
</script>
</body>
</html>